import React from 'react';
import HomePage from '../pages/HomePage';
import ClassifyPage from '../pages/ClassifyPage';
import ExplosivePage from '../pages/ExplosivePage';
import MyShopPage from '../pages/MyShopPage';
import MyPage from '../pages/MyPage';

import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons';
import AntDesign from 'react-native-vector-icons/AntDesign';

const config = {};

config.MainNavigation = {
  root: '首页',
  activeTintColor: '#de0a18',
  Screen: [
    {
      name: '首页',
      page: HomePage,
      tabBarColor: '#0513e2',
      icon: (size, color) => {
        return <SimpleLineIcons name="home" size={size} color={color} />;
      },
    },
    {
      name: '分类',
      page: ClassifyPage,
      tabBarColor: '#03a4a9',
      icon: (size, color) => {
        return <SimpleLineIcons name="grid" size={size} color={color} />;
      },
    },
    {
      name: '爆款',
      page: ExplosivePage,
      tabBarColor: '#de0a18',
      icon: (size, color) => {
        return <SimpleLineIcons name="fire" size={size} color={color} />;
      },
    },
    {
      name: '精选店',
      page: MyShopPage,
      tabBarColor: '#b2af07',
      icon: (size, color) => {
        return <AntDesign name="isv" size={size} color={color} />;
      },
    },
    {
      name: '我',
      page: MyPage,
      tabBarColor: '#08adad',
      icon: (size, color) => {
        return <SimpleLineIcons name="user" size={size} color={color} />;
      },
    },
  ],
};

export default config;
